<template>
  <div class="footer_section">
    <div class="title_bottom">
      <a href="#">首页<span>|</span></a>
      <a href="abouts.html">关于我们<span>|</span></a>
      <a href="#" @click="Sign_in('登陆')">登录<span>|</span></a>
      <a href="#" @click="register('注册')">注册</a>
    </div>
    <div>
      <p class="icp_intro">
        ©2021XXXXXXXXXXXXXX公司 增值电信业务经营许可证：豫A2-20201212
        豫ICP备1102024566号-8
      </p>
      <p>豫公网安备41019702002081号</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "BottomFooder",
  data: () => ({
    show: true,
  }),
  methods: {
    Sign_in() {
      layer.alert(
        "这是个演示",
        {
          title: "演示",
        },
        (layerid) => {
          layer.close(layerid);
        }
      );
    },
    register() {
      layer.alert(
        "这是个演示",
        {
          title: "演示",
        },
        (layerid) => {
          layer.close(layerid);
        }
      );
    },
  },
};
</script>

<style scoped>
.footer_section {
  width: 100%;
  background-color: #232422;
  text-align: center;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.96;
  padding-top: 28px;
  padding-bottom: 20px;
}

.footer_section a {
  text-decoration: none;
  color: #ffffff;
  margin-left: 18px;
}

.footer_section a span {
  margin-left: 18px;
}

.title_bottom {
  padding-bottom: 25px;
}

.icp_intro {
  margin-bottom: 10px;
}
</style>